﻿@using xConnected.Common.Login
<div class="modal hide fade" id="SignInDialog" style="display: none;">
    <div class="modal-header">  
        <div class="thumbnail" style="margin-top: 10px; margin-bottom: 10px">
            <h3 style="margin-left: 5px; margin-bottom:5px; margin-top: 5px">@Login.SignIn</h3>
        </div>
    </div> 
    <div class="modal-body" data-bind="with: logOn.logOnModel">
    <div class="alert alert-error" data-bind="visible: $root.logOn.signInMessageVisible">
    <span data-bind="text: $root.logOn.signInMessage"></span>
    </div>
        <div class="row">
            <span class="span2"><strong>@Login.Username</strong></span>
            <input class="span3" type="text" data-bind="value: Username"/>
        </div>
        <div class="row">
            <span class="span2"><strong>@Login.Password</strong></span>
            <input class="span3" type="password" data-bind="value: Password, valueUpdate: 'afterkeydown', executeOnEnter: $root.logOn.signIn"/>
        </div>
        <div class="row">
            <span class="span2"><strong>@Login.RememberMe</strong></span>
            <input class="span1" type="checkbox" data-bind="value: RememberMe" style="width:20px"/>
        </div>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn btn-info" data-bind="click: function() { $root.logOn.signIn(); }">@Login.SignIn</a>
        <a href="#" class="btn " data-bind="click: function() { $root.logOn.cancelSignIn(); }">@Login.Cancel</a>
    </div>
</div>